<template>
  <div class="yuqi-wrap">
    <div class="btn-wrap" @click="goto('/jade')">
      <p class="btn-txt">点击进入</p>
    </div>
     <SlideItem :slideList='slideList'></SlideItem>
  </div>
</template>

<script>
import SlideItem from '../slider/SlideItem'
export default {
  name: "TongQi",
  components:{
    SlideItem,
  },
  data() {
    return {
     slideList:[
       {url:require('../image/wenwu2.png')},
       {url:require('../image/wenwu1.png')},
     ]
    };
  },
  methods:{
    goto(path){
      this.$router.push(path)
    }
  }
};
</script>
<style lang="scss" scoped>
@import "../../../static/styles/mixin.scss";
.yuqi-wrap{
  @include wh(100%,100%);
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
  .btn-wrap{
    @include wh(2.5rem,0.7rem);
    background: #B79C67;
    position: absolute;
    z-index: 3;
    top: 20%;
    .btn-txt{
      @include sc(0.4rem,#21282E);
      cursor: pointer;
      line-height: 0.7rem;
      text-align: center;
    }
  }
}
</style>